<!-- 车辆管理列表 -->
<template>
  <view
    class="c-vehiclemanagementlist-box"
    @click="routeJumpBtn(vehiclemanagementlistObj)"
  >
    <view class="u-flex u-row-between">
      <view style="width: 100%">
        <view style="padding: 20rpx 0"
          >车头车牌号：{{ vehiclemanagementlistObj.carNo }}
        </view>
        <u-line></u-line>
        <view style="padding: 20rpx 0"
          >挂车车牌号：{{ vehiclemanagementlistObj.attachNo }}
        </view>
        <u-line></u-line>
        <view style="padding: 20rpx 0"
          >注册时间：{{ vehiclemanagementlistObj.createAt }}
        </view>
        <u-line></u-line>
        <view style="padding: 20rpx 0"
          >审核时间：{{ vehiclemanagementlistObj.auditTime }}
        </view>
      </view>
      <!-- <view class="isdef">默认</view> -->
    </view>
    <!-- <view class="u-flex weight-box">
      <view  class="weight-box-title">车型:</view>
      <view>{{ vehiclemanagementlistObj.carType }}</view>
    </view>
    <view class="u-flex weight-box padding-20">
      <view class="weight-box-title">排放标准:</view>
      <view>{{ vehiclemanagementlistObj.emissionStandards }}</view>
    </view> -->
    <view class="c-vehiclemanagementlist-bottom-box" v-if="footBtnsShow">
      <view>
        <u-button
          :plain="true"
          text="镂空"
          :custom-style="btnCalss1"
          @click="shortcutMenuFc(vehiclemanagementlistObj)"
          >设置默认</u-button
        ></view
      >
      <view class="u-flex">
        <u-button
          :plain="true"
          text="镂空"
          :custom-style="btnCalss"
          @click="shortcutMenuFc(vehiclemanagementlistObj)"
          >修改</u-button
        >
        <u-button
          :plain="true"
          text="镂空"
          :custom-style="btnCalss"
          @click="shortcutMenuFc(vehiclemanagementlistObj)"
          >删除</u-button
        ></view
      >
    </view>
  </view>
</template>
<script>
export default {
  name: 'c_vehiclemanagementlist',
  props: {
    vehiclemanagementlistObj: {
      type: Object,
      default: () => {},
    },
    footBtnsShow: {
      type: Boolean,
      default: () => false,
    },
  },
  data() {
    return {
      btnCalss: {
        marginLeft: '20rpx', // 注意驼峰命名，并且
        width: '128rpx',
        height: '48rpx',
        lineHeight: '48rpx',
        fontSize: '24rpx',
        color: '#4F87FE',
        boxSizing: 'border-box',
      },
      btnCalss1: {
        marginLeft: '20rpx', // 注意驼峰命名，并且
        width: '128rpx',
        height: '49rpx',
        lineHeight: '49rpx',
        fontSize: '24rpx',
        background: '#4F87FE',
        color: 'white',
        boxSizing: 'border-box',
      },
    }
  },
  methods: {
    //路由跳转
    routeJumpBtn(val) {
      this.$emit('routeJumpBtn', val)
    },
    shortcutMenuFc() {},
  },
}
</script>
<style lang="scss" scoped>
page {
  background: #f6f6f6;
}
.c-vehiclemanagementlist-box {
  background: white;
  .u-row-between {
    width: 100%;
    border-bottom: 1px solid #ebf2fe;
    font-size: 32rpx;
    margin-bottom: 20rpx;
    padding: 16rpx 6rpx 10rpx;
    display: flex;
    justify-content: space-between;
    .isdef {
      font-size: 24rpx;
      color: #f17d50;
      border: 1px solid #f17d50;
      border-radius: 4rpx;
      padding: 4rpx 6rpx;
      margin-right: 16rpx;
    }
    // view:nth-child(1) {
    //   margin-left: 16rpx;
    // }
  }
  .weight-box {
    display: flex;
    font-size: 24rpx;
    margin-bottom: 20rpx;
    padding: 0 16rpx;
    .weight-box-title {
      color: rgba(0, 0, 0, 0.25);
      text-align: right;
      width: 106rpx;
      margin-right: 10rpx;
    }
  }
  .padding-20 {
    margin-bottom: 0;
    padding-bottom: 16rpx;
  }
  .c-vehiclemanagementlist-bottom-box {
    padding: 16rpx;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ebf2fe;
  }
}
</style>
